@font-face { font-family: 'BebasNeue'; src: url('../font/BebasNeue-1.otf') } @font-face { font-family: 'SourceHanSansSC'; font-weight: 600; src: url('../font/SourceHanSansSC-Bold-2.otf') } @font-face { font-family: 'SourceHanSansSC'; font-weight: 300; src: url('../font/SourceHanSansSC-ExtraLight-2.otf') } @font-face { font-family: 'SourceHanSansSC'; font-weight: 500; src: url('../font/SourceHanSansSC-Regular-2.otf') } @font-face { font-family: 'GOTHIC'; src: url(../font/GOTHIC.woff2); } *, body, html { padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } body { font: 14px/1.8 "SourceHanSansSC"; margin: 0 auto; letter-spacing: 0.5px; color: #121212; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; } ol, ul, li { list-style: none; } input { outline: none; } a { color: #121212; text-decoration: none; cursor: pointer; } img { border: 0; vertical-align: middle; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* common */ .inner { width: 90%; /* max-width: 1900px; */ margin: 0 auto; } .padd { padding: 100px 0; } .hzTit { margin-bottom: 40px; } .hzTit span { font-size: 45px; color: #bb0101; font-weight: bold; line-height: 1.4; } .hzTit b { display: none; color: #bb0101; font-size: 28px; text-transform: uppercase; } .hzTit.center { text-align: center; } .hzTit.white b, .hzTit.white span { color: #fff; } .hzDw { position: absolute; top: -108px; } .hrBtn { text-align: center; } .hrBtn .indMore { display: inline-block; } /* */ .indMore { display: block; text-align: center; color: #fff; background: #bb0101; line-height: 50px; padding: 0 30px; border-right: 1px solid #ddd; text-transform: uppercase; } .indMore img { display: inline-block; width: 30px; margin-left: 10px; position: relative; top: -3px; left: 0; transition: all 0.48s; } .indMore:hover img { left: 8px; } .indMore.sm { display: inline-block; line-height: 42px; padding: 0 22px; font-size: 12px; } /* */ .banner_n { position: relative; width: 100%; } .banner_n img { display: block; width: 100%; min-height: 248px; } .banner_n .banner_mlb { display: none; } .banner_n::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1f2649; opacity: 0.5; } .banTit { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; text-align: center; z-index: 3; } .banTit span { display: block; color: #fff; font-size: 28px; font-weight: bold; letter-spacing: 3px; } .banTit p { color: #fff; line-height: 1; font-size: 32px; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; margin-top: 5px; } .banTit i { width: 38px; height: 4px; background: #fff; border-radius: 6px; margin: 10px auto 0; display: none; } @media(max-width:900px) { .banner_n .banner_mlb { display: block; } .banner_n .banner_web { display: none; } } @media(max-width:468px) { .banTit span { font-size: 20px; } .banTit p { font-size: 22px; letter-spacing: 0; } .banTit i { margin-top: 5px; width: 32px; height: 3px; } } /*瀹氫綅瀵艰埅*/ .dw_nav { width: 100%; line-height: 78px; border-bottom: 1px solid #e5e5e5; } .dw_nav_box { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .dw_nav ul li { cursor: pointer; display: inline-block; font-size: 15px; padding: 0 12px; margin-left: 78px; color: #999; position: relative; border-bottom: 2px solid transparent; -webkit-transition: all 0.48s; -o-transition: all 0.48s; -moz-transition: all 0.48s; transition: all 0.48s; } .dw_nav ul li::after { content: ""; width: 1px; height: 20px; background: #d6d6d6; position: absolute; right: -39px; top: 40%; } .dw_nav ul li:first-child { margin: 0; } .dw_nav ul li:last-child::after { content: none; } .dw_nav ul li a { display: block; } /* .two.dw_nav ul li { width: 50%; } */ .dw_nav_two { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dw_nav_two img { width: 20px; margin-right: 15px; } .dw_nav ul li.active, .dw_nav ul li:hover { border-color: #bb0101; } /* 椤电爜 */ .fanye_news { margin-top: 68px; text-align: center; } .fanye_news a { display: inline-block; padding: 6px 24px; text-align: center; border: 1px solid#e5e5e5; } .fanye_news span { display: block; text-align: center; } .click_fanye_news { color: #fff !important; background: rgba(213, 82, 40, 0.9); } /* */ .wgt-fade-animate { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -ms-transform: translateY(150px); -o-transform: translateY(150px); transform: translateY(150px); opacity: 0; } .appear { -wewgtit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; -webkit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; -moz-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; -o-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; opacity: 1 !important; } @-webkit-keyframes opacity_show { 0% { -webkit-transform: scale(0.3); transform: scale(0.3); -webkit-transform: translateY(150px); transform: translateY(150px); opacity: .1; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-moz-keyframes opacity_show { 0% { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); -webkit-transform: translateY(150px); -moz-transform: translateY(150px); transform: translateY(150px); opacity: .1; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes opacity_show { 0% { -webkit-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); -webkit-transform: translateY(150px); -o-transform: translateY(150px); transform: translateY(150px); opacity: .1; } 100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes opacity_show { 0% { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); transform: translateY(150px); opacity: .1; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @media screen and (max-width: 1596px) { .container { width: 85%; } .wel-about-left { padding: 120px 9.5% 150px; } } /* header ========================================================= */ .banNull { height: 108px; } @media(max-width:1368px) { .banNull { height: 89px; } } @media(max-width:1180px) { .banNull { height: 66px; } } @media(max-width:480px) { .banNull { height: 55px; } } .header { width: 100%; position: fixed; top: 0; z-index: 999; background: rgba(255, 255, 255, 0); -webkit-transition: all .48s; -o-transition: all .48s; -moz-transition: all .48s; transition: all .48s; } .bg { width: 100%; -o-background-size: cover; background-size: cover; -o-background-size: 100% 100%; background-size: 100% 100%; position: relative; } .head_nav { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; position: relative; } .nav_logo { width: 201px; position: absolute; left: 4%; top: 26%; } .nav_logo img { max-width: 100% } .nav_logo .logo_none { display: none; } .nav_box { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 10%; position: relative; } .nav_block ul { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .hx_c { position: absolute; left: 0px; bottom: 5px; width: 122%; height: 1px; background: #d1d1d1; display: none; } .hx_d { position: absolute; left: 0px; bottom: 4px; width: 50px; height: 3px; background: #e94609; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .youYi { -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(80px); } .nav_box:hover .nav_none { height: 400px; opacity: 1; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; display: block !important; } .nav_none_ul { display: none; opacity: 0; -webkit-transition: all 5s; -o-transition: all 5s; -moz-transition: all 5s; transition: all 5s; } .nav_box:hover .nav_none .nav_none_ul { display: block; opacity: 1; -webkit-transition: all 5s; -o-transition: all 5s; -moz-transition: all 5s; transition: all 5s; } .left_50:hover+.hx_d { left: 100px !important; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .left_50:hover+.hx_d { color: blue; } .nav_block li>a { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 18px; line-height: 108px; padding: 0 48px; letter-spacing: 1px; } .nav_block li a img { width: 14px; height: 14px; } .country { position: absolute; right: 5%; top: 41%; color: #fff; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .country a { color: #fff; margin-right: 20px; font-size: 16px; line-height: 1.4; } .country>span { cursor: pointer; } .country img { width: 18px; height: 18px; position: relative; margin-left: 20px; top: 3px; vertical-align: middle; display: block; } .country img.souSuo2 { display: none; } .head_nav_top { width: 100%; /*position: relative;*/ line-height: 30px; text-align: right; padding-right: 5%; color: #fff; } .head_nav_top span { padding-left: 3%; } .head_nav_top::after { content: ""; position: absolute; left: 0; top: 30px; width: 100%; height: 1px; background: #fff; -webkit-transform: scaleY(0.2); -moz-transform: scaleY(0.2); -ms-transform: scaleY(0.2); -o-transform: scaleY(0.2); transform: scaleY(0.2); } .head_nav_top img { width: 16px; height: 16px; margin: 0 16px; } .souSuo img { width: 20px; height: 20px; margin: 0 20px; } .nav_none { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: #333; opacity: 0; height: 0px; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .nav_none ul { width: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; } .nav_none ul li { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nav_none ul li a { padding: 0 10px; padding-right: 20px; margin: 10px 0; line-height: 20px; position: relative; } .sx { position: absolute; left: 5%; top: 10px; width: 2px; height: 0px; background: #E94609; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .nav_box i { margin-left: 5px; } .nav_box i svg { fill: #fff; width: 12px; height: 12px; } .nav_block ul li { position: relative; } .nav_tow { position: absolute; width: 180px; left: 50%; transform: translateX(-50%); top: 108px; background: #f5f5f5; border-top: 3px solid #bb0101; display: none; } .nav_tow a { position: relative; display: inline-block; width: 100%; text-align: center; color: #333; line-height: 50px; border-bottom: 1px solid #eee; } .nav_tow a:hover { color: #E6A230; } .nav_tow.fwYcp { width: 500%; left: -100%; border-top: none; } .fwYcp_tow { width: 100%; padding: 28px 0 38px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav_tow_sub { position: absolute; top: 0; left: 100%; width: 150%; box-shadow: 0 0 10px 1px #eee; background: #fff; display: none; } .nav_tow_li:hover>a { color: #bb0101; } .nav_tow_li:hover .nav_tow_sub { display: block; } /* */ .fwYcp_san { position: relative; border-right: 1px solid #eee; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 25%; } .fwYcp_san:last-child { border-right: none; } .fwYcp_san a { border-bottom: none; line-height: 40px; } .fwYcp_san a:first-child { font-size: 16px; font-weight: bold; margin-bottom: 10px; } /* */ .header.change_w .nav_box i svg { fill: #121212; } .header.change_w .country img.souSuo2 { display: block; } .header.change_w .nav_block li>a { color: #121212; } /*top*/ .change_w { background: rgba(255, 255, 255, 1); box-shadow: 0 5px 20px 5px rgba(100, 100, 100, 0.2); } .change_w .logo_block { display: none; } .change_w .souSuo1, .change_w .nav_jt1 { display: none; } .change_w .logo_none, .change_w .country img.souSuo2 { display: block; } .change_w .nav_block li>a { color: #121212; } .change_w .country a, .change_w .country { color: #121212; } .change_h { color: #121212 !important; } .nav_tow a:hover { color: #bb0101 !important; } .nav_xian { width: 85%; height: 3px; background: #bb0101; position: absolute; bottom: -3px; display: none; } .nav_jt1 { padding-left: 10px; } /* mlb */ .headMenu { display: none; cursor: pointer; float: right; padding: 10px; margin-right: -10px; } .headMenu.show { display: block; } .headMenu span { display: block; width: 28px; height: 2px; background: #000; margin-top: 6px; border-radius: 6px; -webkit-transition: all 0.48s; -o-transition: all 0.48s; -moz-transition: all 0.48s; transition: all 0.48s; } .headMenu span:first-of-type { margin-top: 0; } .headMenu.on span { background: #000; } .headMenu.on .headMenu_span1 { -webkit-transform: rotate(45deg) translate(5px, 6px); -moz-transform: rotate(45deg) translate(5px, 6px); -ms-transform: rotate(45deg) translate(5px, 6px); -o-transform: rotate(45deg) translate(5px, 6px); transform: rotate(45deg) translate(5px, 6px); } .headMenu.on .headMenu_span2 { opacity: 0; } .headMenu.on .headMenu_span3 { -webkit-transform: rotate(-45deg) translate(5px, -7px); -moz-transform: rotate(-45deg) translate(5px, -7px); -ms-transform: rotate(-45deg) translate(5px, -7px); -o-transform: rotate(-45deg) translate(5px, -7px); transform: rotate(-45deg) translate(5px, -7px); } .headMenu_Box { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100vh; overflow: auto; background: #fff; padding-top: 89px; padding-bottom: 54px; z-index: 990; box-shadow: 0 0 10px 1px #eee; } .headMenu_Box.open { right: 0; } .headMenu_con { position: absolute; bottom: 20px; left: 20px; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); background: #F2F7FB; text-align: center; } .headMenu_con a { padding: 12px; display: block; color: #f15a29; text-align: center; font-size: 27px; line-height: 2; text-transform: capitalize; } .headMenu_Box ul { position: relative; height: 100%; overflow: auto; width: 90%; margin: 0 auto; } .headMenu_Box li { line-height: 2.1; margin-top: 24px; } .headMenu_Box li>a { position: relative; line-height: 2; padding: 10px 0; font-size: 20px; color: #323232; text-transform: capitalize; text-align: left; font-weight: bold; display: block; border-bottom: 1px solid #eee; } .headMenu_Box li>a.change { border: 0; } .headMenu_Box svg { position: absolute; right: 10px; top: 18px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); width: 20px; height: 20px; -webkit-transition: all 0.48s; -o-transition: all 0.48s; -moz-transition: all 0.48s; transition: all 0.48s; } .headMenu_Box path { fill: #666; } .headMenu_two.change, .headMenu_Box .change svg { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .headMenu_a { position: relative; /* background: #f8f8f8; */ padding: 0 28px 24px; padding-right: 0 !important; display: none; border-bottom: 1px solid #eee; } .headMenu_a>a { position: relative; color: #666; display: block; font-size: 18px; padding-top: 5px; } .headMenu_a>a>span { width: 50%; } .headMenu_click { position: absolute; z-index: 21; width: 48%; top: 7px; right: 0; font-size: 20px; color: #999; line-height: 1; text-align: right; } .headMenu_click::after, .headMenu_click::before { content: ""; position: absolute; right: 0; top: 11px; width: 10px; height: 2px; background: #999; } .headMenu_click::after { transform: rotate(90deg); transition: all 0.48s; } .headMenu_click.change::after { opacity: 0; } .headMenu_sub { display: none; margin: 6px 0 14px; } .headMenu_sub a { display: block; color: #999; padding-left: 10px; } .headMenu_a a.on { color: #f15a29; font-weight: bold; } /* ========================================================= header e */ /* footer ========================================================= */ .foot { width: 100%; background: #1f2649; color: #fff; border-top: 1px solid#eee; } .foot_box { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .foot_l { width: 456px; padding: 89px 0; border-right: 1px solid rgba(238, 238, 238, 0.2); color: #666; } .diZhi_xq p { font-size: 15px; color: #fff; margin-bottom: 4%; } .diZhi_xq p span { color: #fff; } .foot_l h4 { color: #fff; } .foot_r { width: -webkit-calc(100% - 456px); width: -moz-calc(100% - 456px); width: calc(100% - 456px); padding: 89px 0; } .foot_r .youXian { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .youXian .lxfs_ewm { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 4%; } .youXian .lxfs_ewm>div { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #fff; margin-right: 20px; } .youXian .lxfs_ewm span { margin-right: 0; } .foot_top { width: 100%; margin: 0 auto; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 7%; } .foot_nav { width: 100%; padding-left: 8%; } .foot_nav ul { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .foot_nav li a { display: block; line-height: 40px; color: rgba(255, 255, 255, 0.68); } .foot_nav li a:hover { color: rgba(255, 255, 255, 1); } .foot_nav .active { font-size: 20px; color: #fff; margin-bottom: 10px; } .foot_bm { border-top: 1px solid rgba(238, 238, 238, 0.2); } .foot_bm p { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .foot_bm p a, .foot_bm p span { color: rgba(255, 255, 255, 0.68); font-size: 12px; line-height: 60px; } .foot_bm p>a, .foot_bm p span { display: block; } .icon_foot { width: 40px; height: 40px; } .foot_logo { margin-bottom: 8%; } .foot_logo img { max-width: 280px; width: 80%; } .youXian { margin-top: 2%; } .youXian img { width: 89px; } .yqlink { position: absolute; bottom: 20px; left: 8% } .yqlink a { color: rgba(255, 255, 255, 0.68); margin: 0 15px; } /* ========================================================= footer e */ /* index ========================================================= */ /* banner */ .banner { width: 100%; height: 100vh; position: relative; } .banImg { position: relative; height: 100%; } .banImg_img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banImg_mlb { display: none; } .banner video { width: 100%; height: 128%; -o-object-fit: cover; object-fit: cover; } .banTxt { z-index: 11; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 13%; } .banTxt h3 { font-size: 32px; color: #fff; letter-spacing: 4px; } .banTxt p { font-size: 60px; color: #fff; line-height: 1.4; margin-top: 18px; font-weight: bold; letter-spacing: 5px; } .swiper-slide .banTxt .indMore { -webkit-transform: translateY(68px); -moz-transform: translateY(68px); -ms-transform: translateY(68px); -o-transform: translateY(68px); transform: translateY(68px); -webkit-transition: all 1s 0.48s; -o-transition: all 1s 0.48s; -moz-transition: all 1s 0.48s; transition: all 1s 0.48s; opacity: 0; } .swiper-slide.swiper-slide-active .banTxt span { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .swiper-slide.swiper-slide-active .banTxt .indMore { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .banner .prev, .banner .next { display: block; width: 50px; height: 50px; border-radius: 100%; background: url(../images/arrow-right-lighth.png)no-repeat; -o-background-size: 80%; background-size: 80%; background-position: center; position: absolute; right: 2%; bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 33; opacity: .5; } .banner .next { background: url(../images/arrow-left-lighth.png)no-repeat; background-position: center; -o-background-size: 80% 80%; background-size: 80% 80%; position: absolute; left: 2%; bottom: 50%; } .banner .swiper-pagination-bullet { background: #fff; opacity: 0.5; position: relative; } .banner .swiper-pagination-bullet .my-bullet-active { background: #E94609 !important; } .banner .my-bullet-active { opacity: 1; } .banner .swiper-container { height: 100%; } .banner .swiper-pagination { width: auto; position: relative; left: 12.5%; bottom: 28%; } .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px; } .banner .swiper-pagination { text-align: left; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #fff; } .banner .my-bullet-active { width: 30px; height: 8px; border-radius: 20px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .meng { position: absolute; width: 100%; height: 100%; background: rgba(16, 20, 212, 0.2); z-index: 1; } /* 绠€浠 */ .gsjj { padding-top: 80px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .gsjj_l { width: 728px; background-repeat: no-repeat; background-position: center; -o-background-size: cover; background-size: cover; color: #fff; position: relative; overflow: hidden; } .gsjj_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 76%; padding: 10px; border: 1px solid #000; border-radius: 6px; } .gsjj_video_div { position: relative; width: 100%; padding-top: 62%; overflow: hidden; box-shadow: 0 0px 40px 0px rgb(0 0 0 / 48%); } .gsjj_l video { width: 102%; height: 102%; object-fit: cover; object-position: bottom; position: absolute; top: 0; left: 0; } .gsjj_l_bf { width: 100px; position: absolute; z-index: 11; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; cursor: pointer; transition: all 0.48s; } .gsjj_l:hover .gsjj_l_bf { opacity: 1; } .gsjj_l_pause { display: none; } .change .gsjj_l_play { display: none; } .change .gsjj_l_pause { display: block; } .gsjj_l_bf img { max-width: 100% } .gsjj_l_txt { position: absolute; bottom: 14%; left: 10%; width: 100%; z-index: 7; } .gsjj_svg { width: 38px; height: 38px; margin-bottom: 6px; } .gsjj_big { line-height: 1; /* */ font-size: 32px; color: #fff; font-weight: normal; } .gsjj_l a { color: #fff; } .gsjj_l a img { width: 30px; height: 30px; margin-left: 2%; } .gsjj_r { width: calc(100% - 728px); display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gsjj_top { width: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gsjj_top img { width: 50px; height: 50px; } .gsjj .p { margin: 6px 0 24px; line-height: 1.6; color: #fff; } .sheHeizp, .qiYenk { width: 50%; background: #bb0101; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 58px 0; text-align: center; } .sheHeizp>div, .qiYenk>div { width: 72%; } .qiYenk { background: #e6a230; } .gsjj_bot { -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .heZejj { width: 100%; height: 100%; padding: 68px 10%; position: relative; } .heZejj h3 { font-size: 45px; color: #bb0101; font-weight: 600; } .heZejj h4 { font-size: 26px; line-height: 1.6; font-weight: normal; } .heZejj p { font-size: 16px; margin-top: 14px; line-height: 2.1; } .fZzZ { width: 50%; height: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .fZzZ li { list-style: none; height: 50%; background: #e0e0e0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10%; font-size: 36px; color: #fff; } .fZzZ li:nth-child(2) { background: #959595; } .fZzZ img { width: 50PX; height: 50px; } .hzShuju { margin-top: 5%; border-top: 1px dashed #eee; padding-top: 5%; } .hzShuju ul { padding-bottom: 5%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hzShuju li { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*align-items: center;*/ -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .hzShuju span, .hzShuju i { font-size: 50px; font-weight: 600; color: #bb0101; line-height: 1; font-family: 'BebasNeue'; position: relative; font-style: inherit; } .hzShuju b { font-size: 16px; color: #858585; margin-left: 25px; } .hzShuju .hzShuju_xq { margin-top: 5%; } .hzShuju_xq p { margin-top: 0; border-bottom: none; font-size: 14px; } .hzShuju_num { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .hzShuju_xq img, .hzShuju_num img { display: block; width: 22px; height: 22px; margin-right: 10px; } .gsjs { background: #E94609 !important; } .gsjs section { padding: 2% 0; } /* 浜у搧 */ /*浜у搧鏈嶅姟*/ .cpfw { background: #f5f5f5; } .tit { margin-bottom: 50px; } .tit.center { text-align: center; } .tit h2 { font-size: 45px; color: #bb0101; font-weight: bold; line-height: 1.6; } .tit h2 span { display: none !important; font-size: 24px; } .cpfw .tit { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cpfw_xq { margin-left: -10px; margin-right: -10px; } .cpfw_xq .swiper-container { padding: 0 10px; } .cpfw_xq ul { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cpfw_xq ul li { width: 24%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cpfw_xq li { cursor: pointer; border-radius: 5px; box-shadow: 0px 5px 5px rgb(29 56 72 / 17%); margin-bottom: 21px; } .cpfw_xq_img { position: relative; padding-top: 72%; overflow: hidden; } .cpfw_xq_img img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .cpfw_text { background: #fff; padding: 28px; position: relative; -webkit-transition: all 0.48s; -o-transition: all 0.48s; -moz-transition: all 0.48s; transition: all 0.48s; } .cpfw_text img { width: 50px; margin-bottom: 5%; } .cpfw_text h4 { font-size: 22px; font-weight: normal; } .cpfw_text p { font-size: 16px; } .cpfw_text .cp_hjt { background-repeat: no-repeat; background-image: url(../icon/icon_heijt.png); -o-background-size: cover; background-size: cover; width: 40px; height: 40px; position: absolute; right: 5%; top: 14%; } .cp_icon1 { display: block; } .cp_icon2 { display: none; } @media(min-width:1025px) { .cpfw_xq li:hover .cpfw_text { background: #bb0101; color: #fff; } .cpfw_xq li:hover .cpfw_xq_img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .cpfw_xq li:hover .cp_icon1 { display: none; } .cpfw_xq li:hover .cp_icon2 { display: block; } .cpfw_xq li:hover .cpfw_text .cp_hjt { background-image: url(../icon/icon_bjt.png); } } .cpfw .swiper-pagination { display: none; left: 0; width: 100%; } .swiper-pagination-bullet { margin: 0 5px; } .cpfw .swiper-pagination .my-bullet-active { background: #E94609; width: 28px; border-radius: 38px; } /*涓氬姟鐗堝浘*/ .about .ywbt2 { position: relative; background: #f5f5f5; } .ywbt2 .tit { width: 90%; margin: 0 auto; margin-bottom: 20px; } .ywbt2 .tit_qywh { padding-top: 90px; } .ywbt2 .tit_qywh h3 { margin-bottom: 0; } .ywbt2 { position: relative; background: #fff; overflow: hidden; } .ywbt_xq { cursor: pointer; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ywbt_text { width: 100%; background: #fff; text-align: left; position: relative; box-shadow: 0 0px 14px 0px rgb(0 0 0 / 10%); padding: 68px 50px 38px; border-bottom-right-radius: 28px; } .ywbt_text::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/btbg.jpg) no-repeat top; opacity: 0.5; } .ywbt_text>div { position: relative; z-index: 111; } .ywbt_text i { position: absolute; top: 0; left: 0; background: #bb0101; color: #fff; display: inline-block; width: 82px; height: 42px; line-height: 42px; opacity: 1; text-align: center; letter-spacing: 2px; font-size: 24px; font-family: 'BebasNeue'; } .ywbt_text h3 { color: #bb0101; font-size: 28px; font-weight: bold; margin: 0; font-size: 26px; padding-bottom: 6px; border-bottom: 2px dotted #eee; margin-bottom: 24px; } .ywbt_text p { margin-top: 5px; letter-spacing: .5px; min-height: 72px; opacity: 1; color: #333; font-size: 18px; margin-bottom: 28px; } .ywbt_text p br { display: none; } .ywbt_text svg { position: absolute; bottom: 0; right: 0; transform: rotate(180deg); width: 50px; height: 50px; opacity: 0.1; } .ywbt_text span { color: #bb0101; font-size: 13px; text-decoration: underline; } .ywbt_box .swiper-pagination { bottom: 0; } .ywbt_box .my-bullet-active { background: #bb0101; opacity: 1; } .ywbt_text .indMore { display: inline-block; line-height: 42px; padding: 0 22px; font-size: 12px; } .ywbt_text .indMore img { width: 24px; } .ywbt_box { padding: 2%; } .ywbt2 .swiper-slide { height: 100%; } .ywbt2 .swiper-slide-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: 300ms; -o-transition: 300ms; -moz-transition: 300ms; transition: 300ms; } .ywbt2 .inner { position: relative; } .ywfw_xq2 .swiper-button-prev, .ywfw_xq2 .swiper-button-next, .ywfw_xq1 .swiper-button-prev, .ywfw_xq1 .swiper-button-next, .js_traImg .swiper-button-next, .js_traImg .swiper-button-prev, .ywbt_prev, .ywbt_next { width: 50px; height: 50px; -o-background-size: 25% auto; background-size: 25% auto; background-color: #bb0101; background-position: center; background-repeat: no-repeat; border-radius: 100%; box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 9; outline: none; } .ywfw_xq2 .swiper-button-prev, .ywfw_xq1 .swiper-button-prev, .js_traImg .swiper-button-prev, .ywbt_prev { background-image: url(../icon/arrow-left-light.png); left: 0%; transform: translateX(-120%); } .ywfw_xq2 .swiper-button-next, .ywfw_xq1 .swiper-button-next, .js_traImg .swiper-button-next, .ywbt_next { background-image: url(../icon/arrow-right-light.png); right: 0%; transform: translateX(120%); } /* 鍔ㄦ€ */ .dtzx { background: #f5f5f5; } .dtzx .tit { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .dtzx .tit .tit_xq { width: 30%; margin-left: 40%; } .dtzx .tit ul { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .dtzx .tit li { width: 20%; color: #f1b6a4; font-size: 24px; line-height: 48px; } .news_change { display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; color: #fff; font-size: 34px; background: #E94609; text-align: center; } .dtzx .xp_change { width: 40% !important; } .dtzx .gallery-thumbs .swiper-slide-thumb-active { color: #e94609; } .dtzx .gallery-thumbs .swiper-slide-thumb-active li { font-size: 24px !important; } .dtzx_xq { margin-top: 3%; } .dtzx_xq_li { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dtzx_xq_l { width: 45%; } .dtzx_img_box { width: 100%; height: 100%; position: relative; } .dtzx_img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .dtzx_xq_r { width: 55%; background: #fff; box-shadow: 0 20px 90px -5px rgb(29 56 72 / 17%) } .dtzx_xq_r ul { padding: 5%; padding-top: 2%; padding-bottom: 2%; } .dtzx_xq_r li { border-bottom: 1px solid #eee; padding: 4% 0; position: relative; cursor: pointer; } .dtzx_xq_r li a { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .dtzx_xq_r li:last-child { border-bottom: none; } .dtzx_xq_r li span { width: 80px; font-size: 18px; color: #333; margin-right: 50px; text-align: left; font-weight: bold; letter-spacing: 0; } .dtzx_xq_r li span b { font-size: 13px; color: #999; display: block; line-height: 1; } .dtzx_xq_r li p { font-size: 18px; color: #333; width: calc(100% - 218px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dt_change p { color: #bb0101 !important; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; font-weight: bold !important; -webkit-transform: translateX(-5%); -moz-transform: translateX(-5%); -ms-transform: translateX(-5%); -o-transform: translateX(-5%); transform: translateX(-5%); } .dtzx_img_1 { z-index: 2; } .xian_dt { position: absolute; left: -6%; top: 37%; width: 40px; height: 1px; background: #E94609; } .dtzx_xq_r li img { width: 40px; position: absolute; right: 5%; top: 25%; } .icon_hjt { display: none; } .dt_change .icon_hjt { display: block; } .dt_change .icon_heijt { display: none !important; } /* ========================================================= index e */ /* ========================================================= about s */ /*鍜屾辰鍖昏嵂*/ .about { overflow: hidden; } .hezeYiyao_box { position: relative; width: 100%; background: #f9f9f9; } .hezeYiyao_xq { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hezeYiyao_img { width: 46%; } .hezeYiyao_img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hezeYiyao_text { width: 54%; padding: 0 6%; } .hezeYiyao_text h4 { margin-bottom: 28px; } .hezeYiyao_text p { border: 0; padding-bottom: 0; } .hezeShuju { margin-top: 3%; width: 100%; } .hezeShuju ul { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -3%; margin-right: -3%; } .hezeShuju li { position: relative; flex: 1; text-align: center; } .hezeShuju li::after { content: ""; width: 1px; height: 30%; background: #d8d4cb; position: absolute; left: 0; top: 30%; } .hezeShuju li:first-child::after { content: none } .hezeShuju li img { display: none; width: 40px; height: 40px; } .hezeShuju_top { display: inline-block; text-align: left; max-width: 60%; } .hezeShuju_top label { font-size: 24px; font-weight: bold; color: #bb0101; font-family: 'BebasNeue'; } .hezeShuju_top b { font-size: 48px; color: #bb0101; font-family: 'BebasNeue'; } .hezeShuju_top span { font-size: 44px; color: #bb0101; font-family: 'BebasNeue'; } .hezeShuju_bot { font-size: 14px; } /*浼佷笟鏂囧寲*/ .qywh_box { position: relative; } .tit_qywh { width: 84%; margin: 0 auto; } .tit_qywh h3 { font-size: 36px; text-align: center; margin-bottom: 2%; } .qywh { background-position: center; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; position: relative; } .qywh::after { content: ""; width: 100%; height: 100%; background: rgb(0 0 0 / 15%); position: absolute; left: 0; top: 0; } .qywh ul { height: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .qywh ul li { width: 33.33%; padding: 11.5% 5%; color: #fff; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.18); position: relative; } .qywh ul li::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .qywh_text { position: relative; z-index: 3; -webkit-transition: all .48s; -o-transition: all .48s; -moz-transition: all .48s; transition: all .48s; } .qywh ul li:last-child { border-right: none; } .qywh ul li h4 { font-size: 24px; margin-top: 5%; margin-bottom: 5%; letter-spacing: 3px; font-weight: bold; } .qywh ul li p { font-size: 20px; letter-spacing: 2px; padding-bottom: 20px; position: relative; font-weight: bold; } .qywh ul li p::after { content: ""; width: 6%; height: 1px; background: #fff; position: absolute; left: 47%; bottom: 1%; } .qywh ul li img { width: 40px; } @media(min-width:1025px) { .qywh ul li:hover::after { background: rgba(0, 0, 0, 0); } .qywh ul li:hover>.qywh_text { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } /*鍙戝睍鍘嗙▼*/ .fzlc_box { position: relative; } .abDeve_box .swiper-slide { opacity: 0 !important; } .abDeve_box .swiper-slide-active { opacity: 1 !important; } .abDeve_div { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 24px; padding: 0 6%; } .abDeve_txt { width: 50%; padding-right: 8%; } .abDeve_txt h4 { letter-spacing: -1px; font-size: 68px; line-height: 1.4; color: #bb0101; line-height: 100px; margin-bottom: 8%; } .abDeve_txt p { font-size: 16px; margin-bottom: 5%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; line-height: 1.6; letter-spacing: 1px; } .abDeve_txt p b { color: #bb0101; margin-right: 3%; } .abDeve_img { width: 50%; position: relative; overflow: hidden; padding-top: 28%; } .abDeve_img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .abTime { width: 100%; height: 200px; background: #fafafa; position: relative; } .abTime_box { padding: 0 108px; } .abTime_time { padding: 40px 0; } .abTime_time .inner { position: relative; } .abTime_year { cursor: pointer; text-align: center; } .abTime_year span { font-size: 20px; letter-spacing: -0.5px; } .abTime_year b { display: block; width: 10px; height: 10px; border-radius: 100%; background: #dddddd; margin: 0 auto; } .abTime_line { width: 100%; height: 1px; position: absolute; left: 0%; top: 40%; background: #ececec; } .abTime .prev, .abTime .next { width: 50px; height: 50px; background-image: url(../icon/icon_yg_left.png); background-repeat: no-repeat; -o-background-size: 100%; background-size: 100%; background-position: center; background-color: #fafafa; position: absolute; top: 27%; text-align: center; z-index: 88; outline: none; } .abTime .prev { left: 24px; } .abTime .next { background-image: url(../icon/icon_yg_right.png); right: 24px; } .abTime .swiper-slide-thumb-active span { color: #bb0101; } .abTime .swiper-slide-thumb-active b { border: 3px solid#bb0101; background: #fff; } /*鍏徃鑽h獕*/ .gsry_zhengShu .swiper-pagination { width: auto; position: relative; left: 0; bottom: 0; margin-top: 28px; } .gsry_zhengShu .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px; } .gsry_zhengShu .swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 25px; background: #ccc; outline: none; opacity: 1; } .gsry_zhengShu .my-bullet-active { background: #bb0101 !important; } .gsry_box { position: relative; width: 100%; background: #fff; text-align: center; } .gsry_box .tit_qywh { padding-top: 90px; } .gsry_box .tit_qywh h3 { text-align: left; margin-bottom: 0; } .gsry_shuju { width: 20%; padding-left: 10%; text-align: right; } .gsry_shuju li { list-style: none; padding: 40% 0; } .gsry_shuju li:last-child { padding-top: 0; } .gsry_shuju li h4 { font-size: 30px; } .gsry_shuju li p { font-size: 16px; padding-bottom: 10px; } .click_gsry_shuju h4 { color: #bb0101; } .click_gsry_shuju p { color: #bb0101; border-bottom: 3px solid#bb0101; } .gsry_zhengShu_xq { text-align: center; } .gsry_zhengShu_img { position: relative; padding-top: 70%; background: #f8f8f8; } .gsry_zhengShu_xq img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 90%; object-fit: contain; } .gsry_zhengShu_xq p { font-size: 16px; padding: 20px 0; } .gsry_zhengShu { width: 100%; position: relative; } .gsry_zhengShu .next, .gsry_zhengShu .prev { width: 50px; height: 50px; background-repeat: no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; background-position: center; position: absolute; top: 50%; margin-top: -50px; text-align: center; z-index: 88; outline: none; } .gsry_zhengShu .prev { background-image: url(../icon/icon_yg_left.png); left: -50px; } .gsry_zhengShu .next { background-image: url(../icon/icon_yg_right.png); right: -50px; } /*浼佷笟鍐呭垔*/ .qynk { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .qynk .hzTit { width: 100%; color: #fff; padding: 50px 0 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .qynk_l { width: 30%; padding-left: 7%; padding-right: 5%; background: #bb0101; } .qynk_qiShu { padding: 0 0 60px; margin-bottom: 40px; position: relative; } .qynk_qiShu .swiper-container { width: 100%; height: 418px; } .qynk_qiShu .prev, .qynk_qiShu .next { width: 30px; height: 30px; background-position: center; position: absolute; left: 30px; bottom: 5%; text-align: center; z-index: 88; outline: none; } .qynk_qiShu .prev { background: url(../icon/qiShu_l.png) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; } .qynk_qiShu .next { left: 70px; background: url(../icon/qiShu_r.png) no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; } .qynk_qiShu .swiper-slide-thumb-active p { color: rgba(255, 255, 255, 1); } .qynk_qiShu .swiper-slide-thumb-active span { font-size: 20px; } .qiShu { cursor: pointer; color: #fff; padding: 20px 0; padding-left: 30px; position: relative; } .qiShu_sx { width: 2px; height: 100%; border-left: 2px dashed rgba(255, 255, 255, 0.5); position: absolute; left: 7px; top: 0; } .qiShu::before { content: ""; width: 12px; height: 12px; background: #bb0101; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 100%; position: absolute; left: 0; top: 30%; z-index: 2; } .qiShu::after { content: ""; width: 6px; height: 6px; background: rgba(255, 255, 255, 0.5); border-radius: 100%; position: absolute; left: 5px; top: 34%; z-index: 2; } .qiShu span { font-size: 18px; line-height: 24px; -webkit-transition: all 0.18s; -o-transition: all 0.18s; -moz-transition: all 0.18s; transition: all 0.18s; } .qiShu p { color: rgba(255, 255, 255, 0.5); } .qynk_r { width: 70%; padding: 0 12%; background: #f5f5f5; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .qynk_r img { width: 100%; } /*鍛樺伐椋庨噰*/ .ygfc { position: relative; } .ygfc_img { cursor: pointer; overflow: hidden; position: relative; padding-top: 64%; } .ygfc_img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .48s; -o-transition: all .48s; -moz-transition: all .48s; transition: all .48s; } .ygfc_div p { font-size: 16px; margin-top: 10px; text-align: center; } @media(min-width:1025px) { .ygfc_img img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .48s; -o-transition: all .48s; -moz-transition: all .48s; transition: all .48s; } } .ygfc { text-align: center; } .ygfc .prev, .ygfc .next { display: inline-block; margin: 48px 10px 0; width: 50px; height: 50px; text-align: center; z-index: 88; outline: none; background-repeat: no-repeat; -o-background-size: 100%; background-size: 100%; background-position: center; } .ygfc .prev { background-image: url(../icon/icon_yg_left.png); } .ygfc .next { background-image: url(../icon/icon_yg_right.png); } /* */ .ygfc_box { position: relative; } .abFc { position: relative; overflow: hidden; margin-left: -1%; margin-right: -1%; } .abFc_a { float: left; display: block; width: 31.33%; margin: 1%; } .abFc_img { position: relative; padding-top: 62%; overflow: hidden; } .abFc_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.48s; } .abFc_txt { margin-top: 10px; } .abFc_txt p { text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 1px; } @media(min-width:1025px) { .abFc_a:hover .abFc_img img { transform: scale(1.1); } } /* 鍛樺伐鍥鹃泦 */ .history-wrap { background: #fafafa url(../images/91.png) no-repeat top center; background-size: cover; } .hisYear { display: none; position: relative; z-index: 1; } .hisYear::before { position: absolute; top: 50%; right: 0; left: 0; height: 1px; content: ''; opacity: .1; background-color: #bb0101; } .hisYear_box { position: relative; } .hisYear_arr { font-size: 30px; line-height: 50px; position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; cursor: pointer; text-align: center; color: #fff; border-radius: 50%; background-color: #bb0101; -moz-transition: -moz-transform .4s; -o-transition: -o-transform .4s; -webkit-transition: -webkit-transform .4s; transition: transform .4s; background-repeat: no-repeat; background-position: center; background-size: 14px; background-image: url(../images/arrow-right-lighth.png); } .hisYear_prev { left: 0; transform: rotate(180deg) } .hisYear_next { right: 0; } .hisYear_l, .hisYear_r { position: absolute; top: 50%; overflow: hidden; width: 240px; height: 90px; margin-top: -45px; padding: 20px 0; } .hisYear_l { left: 70px; } .hisYear_r { right: 70px; } .yearDemo { font-size: 0; position: relative; width: 1000px; text-align-last: auto; } .yearItem { position: relative; display: inline-block; width: 80px; height: 50px; cursor: pointer; vertical-align: top; } .hisYear_box, .yearItem::before { -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; } .yearItem::before { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; content: ''; opacity: .4; border-radius: 50%; background-color: #bb0101; } .yearItem span { font-size: 17px; line-height: 20px; letter-spacing: 0; position: absolute; top: 100%; right: 0; left: 0; text-align: center; opacity: .68; color: #999; } .hisYear_c .slick-current span { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .hisYear_c .slick-current i { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .hisYear_c { margin-right: 324px; margin-left: 324px; } .hisYear_c.slick-slider .slick-list, .hisYear_c.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .hisYear_c.slick-slider .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .hisYear_c.slick-slider .slick-list, .hisYear_c.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .hisYear_c_item { text-align: center; } .hisYear_c_item span { font-size: 120px; letter-spacing: 0; line-height: 1; position: relative; display: inline-block; color: #bb0101; -moz-transition: -moz-transform 2s; -o-transition: -o-transform 2s; -webkit-transition: -webkit-transform 2s; transition: transform 2s; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .hisYear_c_item span::before { position: absolute; top: 50%; left: -50px; width: 10px; height: 10px; margin-top: -5px; content: ''; border-radius: 50%; background-color: #bb0101; } .hisYear_c_item i { FONT-WEIGHT: 600; font-size: 32px; line-height: 1; color: #bb0101; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; -webkit-transition: -webkit-transform 1s; transition: transform 1s; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .slick-initialized .slick-slide { display: block; } .js_hisDemo { margin-top: 0 !important; } .js_hisDemo .pic, .js_hisDemo .inner { display: inline-block; vertical-align: middle; } .js_hisDemo .pic { width: 48%; } .js_hisDemo .pic img { width: 100%; } .js_hisDemo .pic, .js_hisDemo .inner { display: inline-block; vertical-align: middle; } .js_hisDemo .inner { width: 50%; padding: 0 108px 0 180px; } .js_hisDemo .hisDemo_tit { font-size: 32px; font-weight: 700; line-height: 1.8; color: #202020; } .hisDemo_txt { position: relative; } .hisDemo_txt::before { content: "鈥?; position: absolute; font-weight: 700; font-style: italic; color: #ff5943; border-radius: 50%; line-height: .8; font-size: 89px; left: -68px; top: -20px; opacity: 0.86; } .hisDemo_txt li { margin-bottom: 18px; } .hisDemo_txt span { font-weight: bold; font-size: 16px; line-height: 1.5; color: #bb0101; } .hisDemo_txt p { font-size: 16px; line-height: 24px; color: #888; word-break: break-all; } .hisYear_c.slick-slider, .js_hisDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .hisYear_c .slick-list, .js_hisDemo .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .hisYear_c .slick-slide, .js_hisDemo .slick-slide { float: left; height: 100%; min-height: 1px; overflow: hidden; outline: none; } .altBox { margin-left: -1%; margin-right: -1%; display: flex; align-items: stretch; flex-wrap: wrap; } .altItem { cursor: pointer; margin: 1%; width: 31.33%; padding: 20px; text-align: center; background: #fff; } .altImg { padding-top: 62%; position: relative; overflow: hidden; margin-bottom: 14px; } .altImg img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: all 0.48s; } .altItem:hover .altImg img { transform: scale(1.1); } /* ========================================================= about e */ /**/ /**/ .zccp_xq ul { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .zccp_xq ul li { background: #f5f5f5; width: 100%; position: relative; margin-bottom: 20px; } .zccp_flex { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #f3f3f3; padding: 30px 40px; } .zccp_txt { width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); width: calc(100% - 200px); cursor: pointer } .zccp_txt span { font-size: 20px; color: #bb0101; font-weight: bold; line-height: 1.4; font-family: "Microsoft YaHei"; } .zccp_txt svg { float: left; width: 16px; height: 32px; vertical-align: middle; transition: all 0.48s; } .zccp_txt path { fill: #bb0101 } .zccp_body .active .zccp_txt svg { transform: rotate(90deg); } .zccp_txt p { float: left; width: calc(100% - 24px); } .zccp_ico { width: 200px; text-align: right; } .zccp_load { outline: none; display: inline-block; line-height: 41px; padding: 0 32px; text-align: center; border-radius: 20px; color: #fff; font-size: 12px; background: #bb0101; } .zccp_load img { width: 20px; margin-right: 10px; } .js_zk { display: inline-block; line-height: 41px; padding: 0 32px; text-align: center; border-radius: 20px; margin-left: 89px; color: #fff; font-size: 12px; background: #bb0101; } .js_zk span.hidden { display: none; } .js_zk.active span.show { display: none; } .js_zk.active span.hidden { display: block; } .zccp_txt p { font-size: 18px; color: #bb0101; } .zccp_body_zk { display: none; background: #fff; } .zccp_body_zkXq { padding: 68px 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; } .zccp_body_zkImg { width: 45%; position: relative; text-align: center; } .zccp_body_zkImg img { width: 68%; height: 100%; -o-object-fit: contain; object-fit: contain; } .zccp_body_zkText { width: 55%; padding: 0 5%; border-left: 1px solid #f5f5f5; } .zccp_body_zkText p b { font-size: 18px; color: #bb0101; font-weight: normal; } .zccp_body_zkText p { padding: 5px 0; } .zccp_body_zkText p.zccp_body_zkp { padding-top: 30px; } .zccp_body_zkText>a { display: inline-block; margin-top: 35px; } /*========================================================================fwcp */ /**/ .czfw_xq ul li { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 100px 10%; } .czfw_xq ul li:nth-child(2n) { -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; background: #f5f5f5; } .czfw_img { position: relative; padding-top: 26%; width: 45%; } .czfw_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: top; } .czfw_text { width: 45%; padding-left: 5%; } .czfw_text .indMore { display: inline-block; } .czfw_text span { font-size: 30px; font-weight: 700; line-height: 1.4; letter-spacing: .6px; color: #bb0101; } .czfw_text p { max-width: 450px; margin: 30px 0; font-size: 15px; line-height: 1.8; letter-spacing: .6px; } /*========================================================================tzzgx_gp */ /**/ .gszl { padding-top: 68px; } .gszl_l .hzTit { width: 100%; border-bottom: 1px solid #f3f3f3; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .gszl_l .hzTit span { padding: 30px 0; position: relative; } .gszl_l .hzTit span::after { content: ""; width: 40%; height: 5px; background: #bb0101; border-radius: 25px; position: absolute; left: 0; bottom: -2px; } .gszl .hzTit a img { width: 16px; margin-left: 20px; } .gszl_xq { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gszl_l { width: -webkit-calc(100% - 514px); width: -moz-calc(100% - 514px); width: calc(100% - 514px); border-right: 1px solid #f3f3f3; padding-right: 5%; } .gszl_l ul { margin-top: 20px; } .gszl_l ul li { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 20px; border-bottom: 1px solid #f3f3f3; position: relative; } .gszl_l ul li img { width: 30px; height: 30px; position: absolute; right: 2%; top: 35%; } .gszl_time { text-align: center; font-size: 12px; } .gszl_time b { font-size: 30px; line-height: 1.2; } .gszl_text { margin-left: 5%; font-size: 16px; } .gszl_text p:first-child { font-weight: 600; } .gszl_l_gg { text-align: center; padding: 20px 0; color: #999; } .gszl_r { width: 514px; padding: 50px; } .gpxx { padding: 40px 50px; background: #bb0101; color: #fff; } .gpxx .hzTit { width: 100%; padding: 0; } .gpxx .hzTit span { color: #fff; } .gpTit { padding-top: 5%; padding-bottom: 2%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .gpTit span { font-size: 24px; } .gpZhishu { padding: 4% 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .gpZhishu>div { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10% 0; position: relative; } .gpZhishu p { margin-right: 30%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 16px; } .gpZhishu p img { width: 20px; position: absolute; right: 0%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .gpZhishu p b { font-size: 26px; } .gpTime { padding: 10px 0 20px; } .gpbt { margin-top: 5%; } .gpbt p {} .gpbt p b { color: #bb0101; position: relative; padding: 0 10px; } .gpbt p b::after { content: ""; width: 4px; height: 60%; background: #bb0101; border-radius: 50px; position: absolute; left: 0; top: 20%; } .gszl_img { max-width: 100%; } /*========================================================================tzzgx */ /**/ /* .gszl_l .hzTit { width: 100%; border-bottom: 1px solid #f3f3f3; display: flex; justify-content: space-between; align-items: center; padding: 0; } .gszl_l .hzTit span { padding: 30px 0; font-size: 36px; font-weight: 600; position: relative; } .gszl_l .hzTit span::after { content: ""; width: 40%; height: 5px; background: #bb0101; border-radius: 25px; position: absolute; left: 0; bottom: -2px; } .gszl .hzTit a img { width: 16px; margin-left: 20px; } .gszl_xq { display: flex; justify-content: space-between; margin-top: 30px; } .gszl_l ul { margin-top: 20px; } .gszl_l ul li { display: flex; align-items: center; padding: 30px 20px; border-bottom: 1px solid #f3f3f3; position: relative; } .gszl_l ul li::after { content: ""; width: 0%; height: 2px; background: #bb0101; position: absolute; left: 0; bottom: 0; transition: all .48s; } .gszl_l ul li:hover { color: #bb0101; } .gszl_l ul li:hover::after { width: 100%; transition: all .68s; } .gszl_l ul li img { width: 30px; height: 30px; position: absolute; right: 2%; top: 35%; } .gszl_time { text-align: center; font-size: 12px; } .gszl_time b { font-size: 30px; line-height: 1.2; } .gszl_text { margin-left: 5%; font-size: 16px; } .gszl_text p:first-child { font-weight: 600; } .gszl_l_gg { text-align: center; padding: 20px 0; color: #e0e0e0; } .gpxx { padding: 40px 50px; background: #bb0101; color: #fff; } .gpxx .hzTit { width: 100%; color: #fff; padding: 0; } .gpTit { padding-top: 5%; padding-bottom: 2%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .gpTit span { font-size: 24px; } .gpZhishu { padding: 4% 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .gpZhishu>div { display: flex; justify-content: space-between; padding: 10% 0; position: relative; } .gpZhishu p { margin-right: 30%; display: flex; flex-direction: column; font-size: 16px; } .gpZhishu p img { width: 20px; position: absolute; right: 0%; top: 28%; } .gpZhishu p b { font-size: 26px; } .gpTime { padding: 10px 0 20px; } */ /*========================================================================zgs */ /**/ .yiYuan { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .yiYuanImg { width: 50%; } .yiYuanImg img { height: 100%; width: 100%; } .yiYuanText { width: 50%; padding: 100px 60px 60px; padding-right: 8%; background: #bb0101; color: #fff; } .yiYuanText span { font-size: 16px; } .yiYuanText h4 { position: relative; font-size: 36px; padding: 60px 0 30px; } .yiYuanText h4:before { content: ""; width: 1px; height: 28%; background: #fff; position: absolute; left: 0; top: 10%; } .yiYuanText p { line-height: 2.4; } /**/ .ywfw { background: #f5f5f5; } .ywfwBox { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5%; background: #fff; margin: 20px; box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1); } .ywfwImg { position: relative; width: 55%; overflow: hidden; } .ywfwImg img { width: 100%; -webkit-transition: all .48s; -o-transition: all .48s; -moz-transition: all .48s; transition: all .48s; } @media(min-width:1024px) { .ywfwImg img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .48s; -o-transition: all .48s; -moz-transition: all .48s; transition: all .48s; } } .ywfwText { width: 45%; padding: 50px 5%; padding-right: 0; } .ywfwText h4 { font-size: 22px; padding: 30px 0 50px; position: relative; } .ywfwText h4::after { content: ""; width: 1px; height: 40px; background: #c4c4c4; position: absolute; left: 0; bottom: 0; } .ywfwText h4 b { font-size: 30px; } .ywfwText p { padding-top: 20px; font-size: 14px; } .ywfwText a { margin-top: 60px; } .ywfw_xq2 .swiper-container { padding: 0 20px; margin-top: -20px; } .ywfw_xq2 .ywfwBox { display: inherit; margin: 20px 0; } .ywfw_xq2 .ywfwImg, .ywfw_xq2 .ywfwText { width: 100%; } .ywfw_xq2 .ywfwImg { padding-top: 68%; } .ywfw_xq2 .ywfwImg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ywfw_xq2 .ywfwText { padding: 16px 0 28px; } .ywfw_xq2 .ywfwText h4 { padding: 20px 0 10px; } .ywfw_xq2 .ywfwText h4 b { font-size: 20px; } .ywfw_xq2 .ywfwText p { padding: 0; min-height: 100px; overflow: hidden; } .ywfw_xq2 .ywfwText h4::after { width: 0; } .tsfw_box { background: #fff; } .ywfw_xq2 .swiper-container-horizontal>.swiper-pagination-bullets, .ywfw_xq2 .swiper-pagination-custom, .ywfw_xq2 .swiper-pagination-fraction { display: none !important; bottom: 0; position: relative; } /*============================================================ join */ /* 浜烘墠鍩瑰吇 */ .hrIdea { position: relative; } .hrIdea_box { overflow: hidden; box-shadow: 0 0px 40px 0px rgb(0 0 0 / 10%); } .hrIdea_item { display: flex; flex-wrap: wrap; float: left; width: 25%; } .hrIdea_img { position: relative; overflow: hidden; width: 100%; height: 50%; } .hrIdea_img::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #bb0101; opacity: 0.1; } .hrIdea_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.48s; } .hrIdea_txt { position: relative; width: 100%; padding: 48px 20px; text-align: center; } .hrIdea_txt::before { content: ""; position: absolute; left: 50%; margin-left: -10px; width: 0; height: 0; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; } .hrIdea_item:nth-child(2n) .hrIdea_txt { order: -1; } .hrIdea_item:nth-child(2n-1) .hrIdea_txt::before { border-bottom: 16px solid #fff; top: -16px; } .hrIdea_item:nth-child(2n) .hrIdea_txt::before { bottom: -16px; border-top: 16px solid #fff; } .hrIdea_txt img { width: 42px; margin: 0 auto; } .hrIdea_txt span { font-size: 22px; line-height: 2; margin: 8px auto; display: block; } .hrIdea_txt p { color: #666666; margin-bottom: 12px; font-size: 15px; letter-spacing: 1px; } .hrIdea_txt i { position: relative; font-weight: bold; font-size: 28px; font-style: inherit; color: #999; } .hrIdea_txt i::before, .hrIdea_txt i::after { content: ""; position: absolute; top: 50%; width: 38px; height: 1px; background: #eee; } .hrIdea_txt i::before { left: -48px; } .hrIdea_txt i::after { right: -48px; } @media(min-width:1025px) { .hrIdea_item:hover .hrIdea_img img { transform: scale(1.1); } } /* 鎴愰暱鍙戝睍 */ .hrThr { position: relative; background: #f5f5f5; } .hrThr_box { overflow: hidden; } .hrThr_item { position: relative; float: left; width: 55%; padding: 15px; height: 40vh; } .hrThr_item:first-of-type { height: 80vh; width: 45%; } .hrThr_item svg { display: block; width: 48px; height: 48px; transition: all 0.48s; } .hrThr_item svg path { fill: #fff; } .hrThr_item:first-of-type svg { width: 54px; height: 54px; } .hrThr_item .abCul_cn { color: #fff; font-weight: 400; font-size: 24px; letter-spacing: 2px; line-height: 1; margin-top: 14px; display: block; transition: all 0.48s; } .hrThr_item .abCul_en { color: #fff; text-transform: uppercase; font-weight: 500; line-height: 2; transition: all 0.48s; } .hrThr_bg { position: relative; width: 100%; height: 100%; display: flex; align-items: flex-end; flex-wrap: wrap; background-position: center; background-repeat: no-repeat; background-size: cover; } .hrThr_bg::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #bb0101; opacity: 0.38; transition: all .68s; } .hrThr_bg:hover::after { opacity: 0.38; transition: all .48s; } .hrThr_bg>div { padding: 50px; position: relative; z-index: 11; } .hrThr_img { display: none; } .hrThr_img img { width: 100%; } @media(min-width:1025px) { .hrThr_item:hover .hrThr_bg::after { opacity: 0; } } /* 鎷涜搐绾冲+ */ .hrJoin { position: relative; background: #f5f5f5; } .joinOne_box { display: none; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; max-width: 88%; margin: 0 auto; } .serSix_a { cursor: pointer; position: relative; top: 0; width: 32%; overflow: hidden; display: block; padding: 42px 42px 108px; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; transition: all 0.48s; background: #e6a230; } @media(min-width:1025px) { .serSix_a:hover { top: -10px; } } .serSix_a>span { position: absolute; bottom: 30px; right: 30px; color: #fff; text-decoration: underline; } .serSix_a>i { position: absolute; bottom: -90px; left: 5%; opacity: .68; font-size: 128px; color: #fff; text-transform: uppercase; font-weight: bold; font-family: 'GOTHIC'; } .joinOne_div { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; } .joinOne_l { position: relative; text-align: right; width: 168px; margin-top: 14px; } .joinOne_l img { width: 148px; } .joinOne_r { order: -1; display: inline-block; text-align: left; width: calc(100% - 168px); } .joinOne_r span { color: #fff; font-size: 24px; font-weight: bold; letter-spacing: .5px; } .joinOne_r p { font-size: 16px; letter-spacing: 1px; color: #fff; opacity: 0.8; text-transform: uppercase; transition: all 0.48s; } /*============================================================ 鍩硅瀛︿範 */ .traBox { border-top: 1px solid #eee; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .traItem { width: 50%; padding: 68px 0; } .traItem:nth-of-type(1) { padding-right: 80px; } .traItem:nth-of-type(2) { padding-left: 80px; border-left: 1px solid #eee; } .traItem:nth-of-type(3) { width: 100%; border-top: 1px solid #eee; display: flex; justify-content: center; flex-wrap: wrap; } .traImg { position: relative; padding-top: 58%; overflow: hidden; margin-top: 28px; } .traImg::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #bb0101; opacity: 0.1; } .traImg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .js_traImg { position: relative; } .js_traImg .swiper-button-next, .js_traImg .swiper-button-prev { opacity: 0; transform: translateX(0); top: 50%; transition: all 0.48s; } .js_traImg .swiper-button-prev { left: 0; } .js_traImg .swiper-button-next { right: 0; left: auto; } .js_traImg:hover .swiper-button-next, .js_traImg:hover .swiper-button-prev { opacity: 1; } .js_traImg:hover .swiper-button-prev { left: 10px; } .js_traImg:hover .swiper-button-next { right: 10px; } .traIco { line-height: 1.4; display: flex; align-items: center; } .traIco i { width: 89px; height: 89px; border-radius: 50%; display: inline-block; background: #bb0101; margin-right: 20px; display: flex; align-items: center; justify-content: center; } .traIco i svg { width: 50%; height: 50%; } .traIco i path { fill: #fff; } .traCn { display: block; font-size: 28px; letter-spacing: 2px; font-weight: bold; color: #bb0101; } .traEn { display: block; font-size: 18px; text-transform: uppercase; letter-spacing: 1.2px; color: hsl(15deg 68% 50% / 80%); margin-top: 6px; } .traP { /* color: #666; */ font-size: 17px; letter-spacing: 1px; line-height: 1.6; min-height: 54px; margin-top: 28px; } .traThr { width: 100%; padding: 48px 0 0; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .traThr_item { width: 30%; box-shadow: 0 0px 40px 0px rgb(0 0 0 / 10%); } .traThr_item .traImg { margin: 0; padding-top: 72%; } .traThr_txt { text-align: center; padding: 14px 0; } .traThr_txt svg { width: 40px; height: 40px; position: relative; top: 18px; } /*============================================================ 鏅嬪崌閫氶亾 */ .csAdd_join_pos { position: absolute; top: 0; left: 0; transition: all 0.68s; } .csAdd_join_pos.hover { opacity: 0; } .csAdd_join_thr { position: relative; width: 90%; margin: 0 auto; } .csAdd_join_px { margin-top: 68px; margin-bottom: 108px; } .csAdd_join_px_img { position: relative; text-align: center; z-index: 3; } .csAdd_join_px_pic { position: relative; display: inline-block; text-align: center; } .csAdd_join_px_pic0 { opacity: 0; max-width: 618px; margin: 0 auto; } .csAdd_join_px_pic .csAdd_join_pos { opacity: 0; transform: translateY(28px); width: 100%; } .csAdd_join_px_pic1 { z-index: 5; transition-delay: 0s; } .csAdd_join_px_pic2 { z-index: 4; transition-delay: 0.28s; } .csAdd_join_px_pic3 { z-index: 3; transition-delay: 0.48s; } .csAdd_join_px_pic4 { z-index: 2; transition-delay: 0.68s; } .csAdd_join_px_pic5 { z-index: 1; transition-delay: 0.88s; } .csAdd_join_px_txt { width: 100%; height: 100%; z-index: -1; } .csAdd_join_px_iteml>div, .csAdd_join_px_itemr>div { opacity: 0; display: inline-block; text-align: left; position: relative; transition: all 0.68s; } .csAdd_join_px_txt>.csAdd_join_px_iteml>div { top: 0; } .csAdd_join_px_txt img { width: 46px; margin-bottom: 10px; } .csAdd_join_px_txt .csAdd_join_px_itemr img { width: 42px; } .csAdd_join_px_txt p { position: relative; font-size: 20px; line-height: 1.2; font-weight: bold; min-height: 34px; color: #bb0101; padding-left: 18px; } .csAdd_join_px_txt p::before { content: ""; position: absolute; top: 38%; left: 0; transform: translateY(-50%); width: 0; height: 0; border-top: 5px solid transparent; border-left: 6px solid #bb0101; border-bottom: 5px solid transparent; } .csAdd_join_px_txt span { position: absolute; left: 10px; top: 16px; color: #bb0101; font-family: 'Montserrat-Bold'; font-size: 18px; min-width: 26px; text-align: center; } .csAdd_join_px_txt i { display: block; height: 1px; border-top: 2px dashed #e1e2e2; transform: scale(0); transition: all 0.68s; } .csAdd_join_px_iteml, .csAdd_join_px_itemr { position: absolute; width: 50%; } .csAdd_join_px_iteml i { width: 100%; transform-origin: right center; } .csAdd_join_px_itemr i { transform-origin: left center; width: 96%; } .csAdd_join_px_itemr1 i, .csAdd_join_px_iteml1 i { transition-delay: 1s; } .csAdd_join_px_itemr2 i, .csAdd_join_px_iteml2 i { transition-delay: 1.28s; } .csAdd_join_px_itemr3 i, .csAdd_join_px_iteml3 i { transition-delay: 1.48s; } .csAdd_join_px_itemr4 i, .csAdd_join_px_iteml4 i { transition-delay: 1.68s; } .csAdd_join_px_itemr5 i, .csAdd_join_px_iteml5 i { transition-delay: 1.88s; } .csAdd_join_px_iteml1>div, .csAdd_join_px_itemr1>div { left: 28px; transition-delay: 1.28s; } .csAdd_join_px_iteml2>div, .csAdd_join_px_itemr2>div { left: -28px; transition-delay: 1.48s; } .csAdd_join_px_iteml3>div, .csAdd_join_px_itemr3>div { left: 28px; transition-delay: 1.68s; } .csAdd_join_px_iteml4>div, .csAdd_join_px_itemr4>div { left: -28px; transition-delay: 1.88s; } .csAdd_join_px_iteml5>div, .csAdd_join_px_itemr5>div { left: 28px; transition-delay: 2.08s; } /* */ .csAdd_join_px_iteml { text-align: right; right: 0; } .csAdd_join_px_itemr { text-align: left; } .csAdd_join_px_iteml1 { bottom: 87%; width: 50%; } .csAdd_join_px_iteml2 { bottom: 70.5%; width: 50%; } .csAdd_join_px_iteml3 { bottom: 54.4%; } .csAdd_join_px_iteml4 { bottom: 38%; } .csAdd_join_px_iteml5 { bottom: 18.4%; } .csAdd_join_px_itemr1 { bottom: 87%; } .csAdd_join_px_itemr2 { bottom: 70.5%; } .csAdd_join_px_itemr3 { bottom: 54.4%; } .csAdd_join_px_itemr4 { bottom: 38%; } .csAdd_join_px_itemr5 { bottom: 18.4%; } .csAdd_join_px_img.appear .csAdd_join_px_pic1 { animation: indPos3 1s 3s infinite alternate; } .csAdd_join_px_img.appear .csAdd_join_px_pic2 { animation: indPos3 1s 3.28s infinite alternate; } .csAdd_join_px_img.appear .csAdd_join_px_pic3 { animation: indPos3 1s 3.48s infinite alternate; } .csAdd_join_px_img.appear .csAdd_join_px_pic4 { animation: indPos3 1s 3.68s infinite alternate; } .csAdd_join_px_img.appear .csAdd_join_px_pic .csAdd_join_pos { opacity: 1; transform: translateY(0); } .csAdd_join_px_img.appear .csAdd_join_px_txt i { transform: scale(1); } .csAdd_join_px_img.appear .csAdd_join_px_iteml>div, .csAdd_join_px_img.appear .csAdd_join_px_itemr>div { opacity: 1; left: 0; } .indFour_pos { position: absolute; top: 0; left: 0; } .indFour_pos1 { animation: indPos1 1s alternate infinite } @keyframes indPos1 { 0% { transform: translate(0, 0); } 100% { transform: translate(5px, 5px); } } .indFour_pos2 { animation: indPos2 1s infinite } @keyframes indPos2 { 0% { transform: rotateY(0); } 100% { transform: rotateY(360deg); } } .indFour_pos3, .indFour_pos4 { animation: indPos3 1s infinite alternate } .indFour_pos4 { animation-delay: 0.5s; } @keyframes indPos3 { 0% { transform: translateY(0); } 100% { transform: translateY(6px); } } .indFour_pos6 { transform: translateY(-3px); animation: indPos6 1s infinite alternate } @keyframes indPos6 { 0% { transform: translateY(-3px); } 100% { transform: translateY(3px); } } /* */ .csAdd_join_mlb { display: none; margin: 28px 0; border: 1px solid #eee; } .csAdd_mlb_head { background: #bb0101; } .csAdd_mlb_head .csAdd_mlb_col { font-weight: bold; color: #fff; } .csAdd_mlb_row { display: flex; align-items: center; justify-content: space-between; text-align: center; border-top: 1px solid #eee; } .csAdd_mlb_col { width: 50%; padding: 14px 5px; } .csAdd_mlb_col:last-child { border-left: 1px solid #eee; } .csAdd_mlb_head .csAdd_mlb_col:last-child { border-color: rgba(255, 255, 255, 0.18); } /*============================================================ 钖叕绂忓埄 */ .monFive_box { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .monFive_tit { position: relative; background: #bb0101; margin-top: 38px; width: 90%; margin-left: -5px; color: #fff; padding-left: 45px; line-height: 54px; font-weight: bold; font-size: 18px; letter-spacing: 1px; } .monFive_tit::before { content: ""; position: absolute; bottom: -5px; left: 0; width: 0; height: 0; border-top: 5px solid #a2330e; border-left: 5px solid transparent; } .monFive_tit::after { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-bottom: 54px solid #f5f6f7; border-left: 32px solid transparent; } .monFive_item { position: relative; z-index: 3; width: 17.5%; } .monFive_item::before { content: ""; position: absolute; top: 10px; z-index: -1; left: 0; width: 100%; height: 100%; background: #f9f9fa; } .monFive_item>div { position: relative; width: 100%; height: 100%; z-index: 3; background: #fdfdfd url(../images/bg.png) no-repeat center; background-size: cover; border: 1px solid #eee; } .monFive_ico { position: absolute; bottom: 24px; right: 24px; width: 54px; height: 54px; } .monFive_ico img { width: 100%; height: 100%; object-fit: cover; } .monFive_txt { padding: 30px 38px; padding-right: 48px; } .monFive_svg i { display: block; } .monFive_txt p { line-height: 1.8; margin: 3px 0; font-size: 16px; /* color: #666; */ } .monFive_txt p svg { width: 14px; height: 14px; } /* */ .monThr { background: #f8f8f8; } .monThr_box { margin: 0 auto; max-width: 80%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .monThr_item { position: relative; width: 28%; background: #fff url(../images/bg1.jpg) no-repeat center; background-size: cover; padding: 5% 5% 6%; border: 1px solid #eee; box-shadow: 0 0px 40px 0px rgb(0 0 0 / 10%); border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; } .monThr_item::before { content: ""; position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 58%; height: 6px; background: #bb0101; box-shadow: 0px 5px 5px rgb(213 83 40 / 21%); border-radius: 8px; } .monThr_tit { font-size: 22px; color: #bb0101; font-weight: bold; margin-bottom: 24px; } .monThr_tit span { display: block; font-size: 18px; line-height: 1; text-transform: uppercase; letter-spacing: 1.2px; color: #bb0101; opacity: 0.5; } .monThr_txt svg { width: 14px; height: 14px; } .monThr_txt p { display: inline-block; /* color: #666; */ font-size: 16px; margin: 6px 0; text-align: left; min-width: 45%; }